<button ngrev-button buttonType="back" [style.color]="theme.backButton.font"
        [style.background]="theme.backButton.background"
        [style.border]="theme.backButton.border"
        (click)="prevState()"
        *ngIf="initialized && !loading && manager.getHistory().length > 1">Back</button>

<ng-container *ngIf="maxWidth$ | async as maxWidth">
  <ngrev-state-navigation
    [maxWidth]="maxWidth"
    [states]="manager.getHistory()"
    [theme]="theme"
    (select)="restoreMemento($event)">
  </ngrev-state-navigation>
</ng-container>

<!--TODO: Create separated route?-->
<ngrev-home *ngIf="!projectSet" [theme]="theme" (project)="onProject($event)"></ngrev-home>

<ngrev-visualizer
  *ngIf="initialized"
  [data]="initialized"
  [theme]="theme"
  (select)="tryChangeState($event)">
</ngrev-visualizer>

<ngrev-quick-access
  *ngIf="initialized"
  (select)="selectSymbol($event)"
  [theme]="theme"
  [queryList]="queryList"
  [queryObject]="queryObject"
>
</ngrev-quick-access>

<ngrev-spinner [theme]="theme" *ngIf="projectSet && loading"></ngrev-spinner>
